<div class="page-header theme-border-b">
  <div
    class="page-title"  [translate]="'page_title.storage'">
  </div>
</div>
<div class="page-content">
   <div class="ts-col-100 d-inline-flex w-100">
     <div class="ts-col-100 mt-30 d-inline">
       <div class="align-content-between d-flex flex-row ws-100 wl-60">
         <div class="white-border-container">
           <div class="item-content">
             <div class="item-text">
               <div class="ts-col-100 mb-10 testsigma-on-premise"></div>
               <div [translate]="'storage.on_premise.description'"></div>
             </div>
             <div class="item-action">
               <a *ngIf="!!isLocal" (click)="view($event,StorageType.ON_PREMISE)"
                  class="text-link" [translate]="'message.common.view_details'"></a>
               <mat-slide-toggle
                 [checked]="!!status(StorageType.ON_PREMISE)"
                 (change)="checkOrCreate($event,StorageType.ON_PREMISE)"
                 class="mat-slide-toggle ml-auto slide-with-text">
               </mat-slide-toggle>
             </div>
           </div>
         </div>

         <div class="white-border-container">
           <div class="item-content">
             <div class="item-text">
               <div class="ts-col-100 mb-10 testsigma-cloud"></div>
               <div [translate]="'storage.testsigma_storage.description'"></div>
             </div>
             <div class="item-action">
               <mat-slide-toggle
                 [checked]="!!status(StorageType.TESTSIGMA)"
                 (change)="checkOrCreate($event,StorageType.TESTSIGMA)"
                 class="mat-slide-toggle ml-auto slide-with-text">
               </mat-slide-toggle>
             </div>
           </div>
         </div>

         <div class="white-border-container">
           <div class="item-content">
             <div class="item-text">
               <div class="ts-col-100 mb-10 amazon-s3"></div>
               <div [translate]="'storage.aws_s3.description'"></div>
             </div>
             <div class="item-action">
               <a *ngIf="!!isAWS" (click)="view($event,StorageType.AWS_S3)"
                  class="text-link" [translate]="'message.common.view_details'"></a>
               <mat-slide-toggle
                 [checked]="!!status(StorageType.AWS_S3)"
                 (change)="checkOrCreate($event,StorageType.AWS_S3)"
                 class="mat-slide-toggle ml-auto slide-with-text">
               </mat-slide-toggle>
             </div>
           </div>
         </div>

       </div>
       <div class="align-content-between d-flex flex-row ws-100 wl-60">

         <div class="white-border-container ">
           <div class="item-content">
             <div class="item-text">
              <div>
                <svg width="200" height="34" viewBox="0 0 163 34" fill="none" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
                  <path d="M52.88 20.06H46.56L45.3 23H41.54L48.2 8.76H51.16L57.84 23H54.14L52.88 20.06ZM51.66 17.24L49.72 12.74L47.78 17.24H51.66ZM67.3339 20.32V23H58.1939V20.46L62.7939 15.5H58.2139V12.84H67.1339V15.22L62.4139 20.32H67.3339ZM79.257 12.84V23H75.717V21.64C75.0637 22.6533 74.097 23.16 72.817 23.16C71.5237 23.16 70.557 22.8 69.917 22.08C69.2904 21.36 68.977 20.26 68.977 18.78V12.84H72.597V18.88C72.597 19.88 73.0304 20.38 73.897 20.38C74.4037 20.38 74.8104 20.2 75.117 19.84C75.437 19.48 75.597 19 75.597 18.4V12.84H79.257ZM87.8398 12.6C88.3332 12.6 88.7132 12.6733 88.9798 12.82V16.12C88.4065 15.8533 87.8532 15.72 87.3198 15.72C85.7998 15.72 85.0398 16.4467 85.0398 17.9V23H81.4198V15.76C81.4198 14.6667 81.3665 13.6933 81.2598 12.84H84.6598L84.8798 14.54C85.1198 13.9133 85.5065 13.4333 86.0398 13.1C86.5732 12.7667 87.1732 12.6 87.8398 12.6ZM99.1983 18.28H92.8183C92.8849 19.0667 93.1116 19.6333 93.4983 19.98C93.8849 20.3267 94.4516 20.5 95.1983 20.5C95.7049 20.5 96.2116 20.42 96.7183 20.26C97.2249 20.0867 97.6849 19.8533 98.0983 19.56L99.0183 21.96C98.5116 22.3333 97.8983 22.6267 97.1783 22.84C96.4583 23.0533 95.7383 23.16 95.0183 23.16C93.8583 23.16 92.8516 22.9467 91.9983 22.52C91.1449 22.0933 90.4916 21.4867 90.0383 20.7C89.5849 19.9 89.3583 18.96 89.3583 17.88C89.3583 16.8533 89.5716 15.94 89.9983 15.14C90.4383 14.3267 91.0383 13.6933 91.7983 13.24C92.5716 12.7867 93.4516 12.56 94.4383 12.56C95.3983 12.56 96.2383 12.7733 96.9583 13.2C97.6783 13.6267 98.2316 14.24 98.6183 15.04C99.0049 15.8267 99.1983 16.7467 99.1983 17.8V18.28ZM94.5383 15.04C93.6449 15.04 93.0849 15.56 92.8583 16.6H96.0983C95.9649 15.56 95.4449 15.04 94.5383 15.04ZM113.794 23.18C112.314 23.18 111.02 22.88 109.914 22.28C108.82 21.6667 107.974 20.8067 107.374 19.7C106.787 18.5933 106.494 17.3133 106.494 15.86C106.494 14.42 106.787 13.1533 107.374 12.06C107.974 10.9533 108.82 10.1 109.914 9.5C111.02 8.88667 112.314 8.58 113.794 8.58C114.727 8.58 115.627 8.72 116.494 9C117.374 9.28 118.08 9.66 118.614 10.14L117.474 12.8C116.314 11.96 115.114 11.54 113.874 11.54C112.727 11.54 111.847 11.9067 111.234 12.64C110.62 13.36 110.314 14.4333 110.314 15.86C110.314 17.3 110.62 18.3867 111.234 19.12C111.847 19.8533 112.727 20.22 113.874 20.22C115.114 20.22 116.314 19.8 117.474 18.96L118.614 21.62C118.08 22.1 117.374 22.48 116.494 22.76C115.627 23.04 114.727 23.18 113.794 23.18ZM120.365 8.28H123.985V23H120.365V8.28ZM131.266 23.16C130.133 23.16 129.146 22.9467 128.306 22.52C127.466 22.0933 126.82 21.48 126.366 20.68C125.913 19.88 125.686 18.94 125.686 17.86C125.686 16.78 125.913 15.84 126.366 15.04C126.82 14.24 127.466 13.6267 128.306 13.2C129.146 12.7733 130.133 12.56 131.266 12.56C132.386 12.56 133.36 12.78 134.186 13.22C135.026 13.6467 135.673 14.26 136.126 15.06C136.58 15.8467 136.806 16.78 136.806 17.86C136.806 18.94 136.58 19.88 136.126 20.68C135.673 21.4667 135.026 22.08 134.186 22.52C133.36 22.9467 132.386 23.16 131.266 23.16ZM131.266 20.46C132.573 20.46 133.226 19.5933 133.226 17.86C133.226 16.98 133.06 16.3333 132.726 15.92C132.406 15.4933 131.92 15.28 131.266 15.28C130.6 15.28 130.1 15.4933 129.766 15.92C129.433 16.3333 129.266 16.98 129.266 17.86C129.266 18.7533 129.433 19.4133 129.766 19.84C130.1 20.2533 130.6 20.46 131.266 20.46ZM148.73 12.84V23H145.19V21.64C144.536 22.6533 143.57 23.16 142.29 23.16C140.996 23.16 140.03 22.8 139.39 22.08C138.763 21.36 138.45 20.26 138.45 18.78V12.84H142.07V18.88C142.07 19.88 142.503 20.38 143.37 20.38C143.876 20.38 144.283 20.2 144.59 19.84C144.91 19.48 145.07 19 145.07 18.4V12.84H148.73ZM161.593 8.28V23H158.033V21.62C157.739 22.1 157.313 22.48 156.753 22.76C156.193 23.0267 155.579 23.16 154.913 23.16C154.046 23.16 153.273 22.94 152.593 22.5C151.913 22.0467 151.379 21.42 150.993 20.62C150.619 19.8067 150.433 18.8733 150.433 17.82C150.433 16.78 150.619 15.86 150.993 15.06C151.379 14.26 151.913 13.6467 152.593 13.22C153.273 12.78 154.046 12.56 154.913 12.56C155.553 12.56 156.139 12.6933 156.673 12.96C157.219 13.2267 157.653 13.5867 157.973 14.04V8.28H161.593ZM156.033 20.46C156.673 20.46 157.166 20.24 157.513 19.8C157.859 19.3467 158.033 18.7 158.033 17.86C158.033 17.0467 157.853 16.42 157.493 15.98C157.146 15.5267 156.659 15.3 156.033 15.3C155.379 15.3 154.879 15.52 154.533 15.96C154.186 16.3867 154.013 17.0067 154.013 17.82C154.013 18.66 154.186 19.3133 154.533 19.78C154.893 20.2333 155.393 20.46 156.033 20.46Z" fill="#24292E"/>
                  <rect y="1" width="31.9262" height="25.94" fill="url(#pattern0)"/>
                  <defs>
                    <pattern id="pattern0" patternContentUnits="objectBoundingBox" width="1" height="1">
                      <use xlink:href="#image0_7:11575" transform="translate(-0.00908526) scale(0.000407268)"/>
                    </pattern>
                    <image id="image0_7:11575" width="2500" height="1995" xlink:href=""/>
                  </defs>
                </svg>

              </div>
               <div [translate]="'storage.azure.description'"></div>
             </div>
             <div class="item-action">
               <a *ngIf="!!isAzure" (click)="view($event,StorageType.AZURE_BLOB)"
                  class="text-link" [translate]="'message.common.view_details'"></a>
               <mat-slide-toggle
                 [checked]="!!status(StorageType.AZURE_BLOB)"
                 (change)="checkOrCreate($event,StorageType.AZURE_BLOB)"
                 class="mat-slide-toggle ml-auto slide-with-text">
               </mat-slide-toggle>
             </div>
           </div>
         </div>

       </div>
      </div>
    </div>
 </div>
